<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>百度贴吧管理系统----添加用户</title>
<!-- zui -->
<link href="../zui/dist/css/zui.min.css" rel="stylesheet">
<link href="../img/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="../zui/dist/lib/datetimepicker/datetimepicker.min.css"
	rel="stylesheet">
<!-- div边框闪烁特效 -->
<link href="../css/util/shine.css" rel="stylesheet">
<script type="text/javascript" src="../js/util/shine.js"></script>
</head>
<body>

	<div class="row">
		<div class="col-md-2"></div>
		<div class="col-md-8">
			<a href="../jsp/index.jsp"><img src="../img/logo.gif"
				class="img-responsive"></a>
		</div>
		<div class="col-md-2"></div>
	</div>

	<div class="row">
		<div class="col-md-2"></div>
		<div class="col-md-8">
			<nav class="navbar navbar-default" role="navigation">
				<ul class="nav navbar-nav nav-justified">
					<li><a href="../jsp/index.jsp">首页</a></li>
					<li class="active"><a href="../user/listUserAction">用户列表</a></li>
					<li><a href="../tieba/listTiebaAction">贴吧列表</a></li>
					<li><a href="../post/listPostAction">帖子列表</a></li>
				</ul>
			</nav>
		</div>
		<div class="col-md-2"></div>
	</div>

	<div class="row">
		<div class="col-md-2"></div>

		<div class="col-md-8">
			<article class="article" onclick="shineGreen(this)">
				<form class="form-horizontal" role="form" method='post'
					action="../user/addUserAction">
					<legend style="font-family:'微软雅黑'">添加新用户</legend>
					<div class="form-group">
						<label class="col-md-3 control-label">姓名</label>
						<div class="col-md-5">
							<input type='text' name='userName' class='form-control' />
						</div>
					</div>
					<div class="form-group">
						<label class="col-md-3 control-label">密码</label>
						<div class="col-md-5">
							<input type='password' name='userPassword' class='form-control' />
						</div>
					</div>
					<div class="form-group">
						<label class="col-md-3 control-label">确认密码</label>
						<div class="col-md-5">
							<input type='password' name='userPasswordAgain'
								class='form-control' />
						</div>
					</div>
					<div class="form-group">
						<label class="col-md-3 control-label">性别</label>
						<div class="col-md-5">
							<label class='radio-inline'> <input type="radio"
								name="userSex" value="男" checked>男
							</label> <label class='radio-inline'> <input type="radio"
								name="userSex" value="女">女
							</label>
						</div>
					</div>

					<div class="form-group">
						<label class="col-md-3 control-label">生日</label>
						<div class="col-md-5">
							<input name="userBirthday" type="text"
								class="form-control form-date"
								placeholder="选择或者输入一个日期：yyyy-MM-dd">
						</div>
					</div>

					<div class="form-group">
						<div class="col-md-offset-3 col-md-9">
							<input type='submit' class='btn btn-primary' value='提交'
								data-loading=' 稍候...' /> <input type="reset"
								class='btn btn-default show-messager' value='重置'
								data-loading=' 稍候...' data-content="重置成功！" data-icon="chat" />
						</div>
					</div>
				</form>
			</article>
		</div>

		<div class="col-md-2"></div>
	</div>

	<!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
	<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
	<!-- ZUI Javascript组件 -->
	<script src="../zui/dist/js/zui.min.js"></script>
	<!-- 启动时间日期选择器 -->
	<script>
		window.onload = function() {
			$.getScript('../zui/dist/lib/datetimepicker/datetimepicker.min.js',
					function() {
						if ($.fn.datetimepicker) {
							// 选择时间和日期
							$(".form-datetime").datetimepicker({
								weekStart : 1,
								todayBtn : 1,
								autoclose : 1,
								todayHighlight : 1,
								startView : 2,
								forceParse : 0,
								showMeridian : 1,
								format : "yyyy-mm-dd hh:ii"
							});

							// 仅选择日期
							$(".form-date").datetimepicker({
								language : "zh-CN",
								weekStart : 1,
								todayBtn : 1,
								autoclose : 1,
								todayHighlight : 1,
								startView : 2,
								minView : 2,
								forceParse : 0,
								format : "yyyy-mm-dd"
							});

							// 选择时间
							$(".form-time").datetimepicker({
								language : "zh-CN",
								weekStart : 1,
								todayBtn : 1,
								autoclose : 1,
								todayHighlight : 1,
								startView : 1,
								minView : 0,
								maxView : 1,
								forceParse : 0,
								format : 'hh:ii'
							});
						}
					});
			$('.show-messager').on(
					'click',
					function() {
						var $this = $(this);
						var data = $this.data('zui.messager');
						var options = $this.data();
						$this.data('zui.messager', $.zui.messager.show(
								options.content, options));
					});
			$('.messager-example').click(
					function() {
						var $this = $(this);
						$.zui.messager.show($this.find('.messager-content')
								.html(), $this.data());
					});
		};
	</script>
</body>
</html>